<!--
    层叠性
        给相同选择器设置相同的样式属性，会发生冲突：一个样式会覆盖（层叠）另一个冲突的样式。
    层叠性就是专门解决样式冲突的
        1）样式冲突
            “就近原则”覆盖，谁更接近html结构，就执行哪个样式
        2）样式不冲突
            合并追加，不会发生覆盖
-->

<style>
    /* color冲突：cyan近、red远， */
    div {
        color: red;
        font-size: 50px;
    }
    div {
        color: cyan;
    }
</style>

<div>hello</div>